﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        body {
            font-size: 18px;
        }

.pull-left {
    float: left!important;
}
.content{
    margin: 0 0 10px;
}
#browser-not-support{z-index: 100;}
#loading {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.62);
    border-radius: 6px;
}
#loading-center-absolute {
	position: absolute;
	left: 40%;
	top: 80px;
	height: 400px;
	width: 400px;
	margin-top: -100px;
	margin-left: -100px;
	/*-ms-transform: rotate(-135deg); 
   	-webkit-transform: rotate(-135deg); 
    transform: rotate(-135deg);*/

}
.object{
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #FF5722;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #4CAF50;
	border-right: 5px solid transparent;
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;	
	}
#tipswait{
    position: absolute;
    left: 40%;
    top: 140px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: blue;
	}	
#object_one{
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
	}
							
#object_two{
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
	}
		
#object_three{
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
#object_four{
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
	}	

@-webkit-keyframes animate {
    50% {
    	-ms-transform: rotate(360deg) scale(0.8); 
       	-webkit-transform: rotate(360deg) scale(0.8); 
        transform: rotate(360deg) scale(0.8); 
      }
}
@keyframes animate {
    50% {
    	-ms-transform: rotate(360deg) scale(0.8); 
       	-webkit-transform: rotate(360deg) scale(0.8); 
        transform: rotate(360deg) scale(0.8); 
      }	
	
	}
</style>
</head> 
<body onselectstart = "return false" oncopy="return false;"  oncontextmenu="self.event.returnValue=false">
	<div>
		<div id="loading" style="">
			<div id="loading-center-absolute">
				<div class="object" id="object_four"></div>
				<div class="object" id="object_three"></div>
				<div class="object" id="object_two"></div>
				<div class="object" id="object_one"></div>				
			</div>
			<div id="tipswait">数据处理中，请稍候...</div>
		</div>		
	</div>
</body>
</html>